@charset "utf-8";

/* Hschubin */
*{margin: 0;padding: 0;}
html {font-family: Arial,"微软雅黑";font-size:625%;color: #333;}
body {max-width:640px;margin:auto;font-size:.18rem;background:#fff;font-family: Arial;}
p,input,textarea {font-size:inherit;}
a{color:inherit;text-decoration: none;outline-style: none; border:none;}
ul,ol,li{list-style:none;}
img{vertical-align:middle;border:none;display:inline-block;max-width:100%;max-height:100%;}
a,button,input,textarea{-webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0);}
em,i{font-style:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}

/* public */
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{content:'';display:block;height:0;clear:both;visibility:hidden;}
.bl{float:left;display:inline-block;}
.br{float:right;display:inline-block;}

.main{max-width:6rem;margin:0 auto;}
.img_box{display:table-cell;vertical-align:middle;text-align:center;}
.col-1{width:100%;float:left;display:inline-block;}
.col-2{width:50%;float:left;display:inline-block;}
.col-3{width:33.33%;float:left;display:inline-block;}
.col-4{width:25%;float:left;display:inline-block;}


@font-face{
	font-family: "arial narrow";
	src:url('../font/arial narrow.ttf');
}



.header{width: 100%;max-width: 6.4rem; height: .96rem;background: rgba(255,255,255);top: 0;position: fixed;z-index: 500;}
.header>.main{z-index: 999;}
.header h1{width: 1.61rem;height: .96rem;background: url('../images/logo.png') no-repeat center/contain;position: relative;line-height: 1rem;z-index: 500;}
.header h1 a{display: block;height: .96rem;color: #000;font-size: .22rem;line-height:.96rem;text-indent: -999.99rem;}
.header .menu{width:.42rem;height:.96rem;line-height:.96rem;float:right;cursor: pointer;position: relative;z-index: 9999;background: url('../images/menu.png') center/.35rem .24rem no-repeat;transition: all .3s;}

.header .lang{float: right;line-height: .96rem;margin-right: 0.3rem;font-size: 0.35rem;color: #888888;}
.header.h-menu-show .menu{background: url('../images/icon_08.png') no-repeat center/.26rem .24rem;position: relative;}


/* .header.h-menu-show .menu::before,
.header.h-menu-show .menu::after{top: 50%;content: '';width: 0.5rem;height: 0.03rem;position: absolute;display: inline-block;background-color: #000000;}
.header.h-menu-show .menu::before{transform: rotate(-45deg);}
.header.h-menu-show .menu::after{transform: rotate(45deg);}
 */


.wap-menu{position: fixed;top: 50%;transform: translate(calc(-50% - 0.005rem),calc((-50% - 0.005rem)));background: #FFFFFF;z-index: 100;width: 6.4rem;overflow: auto;transition: 0.7s;left: 150%;height: calc(100% - .96rem);margin-top: calc(0.96rem/2)}
.sub-menu {display: none;border-bottom: 1px solid rgba(255,255,255,0.2);padding: 3% 0;}
.sub-menu a{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.sub-menu dd a {font-size: 0.15rem;line-height: 0.45rem;color: #AAAAAA;text-indent: 0.15rem;}
.header .h-mid{
	margin-top: 0.55rem;
}
.header .h-mid li a{display: block;text-align: center;font-size: 0.25rem;color: #333333;font-family: "arial narrow";text-transform: uppercase;line-height: 0.75rem;}
.header.h-menu-show .wap-menu{left: 50%;opacity: 1;}
.header .h-mid .dropdown a{color: #888888;transition: all 0.3s ease;line-height: .75rem;font-size: 0.16rem;}
.header .h-mid li.active .dropdown a {color: #fff;}
.header .h-mid li .dropdown{border-bottom: 1px solid #dddddd;}
.header .h-mid li+li .dropdown.on::after{transform: rotate(-180deg);}

.header .h-bot {margin-top: 1.45rem;text-align: center;text-transform: uppercase;font-size: 0.2rem;color: #333333;}
.header .h-bot .h-links a.a-language {color: #fff;display: inline-block;width: 0.6rem;height: 0.6rem;vertical-align: middle;font-size: 0;margin: 0 0.2rem;border-radius: 50%;background-size: contain;background: url(../images/lang.png) no-repeat center center #262626;}
.header .h-bot .h-links a.a-wap-open-s {color: #fff;display: inline-block;width: 0.6rem;height: 0.6rem;vertical-align: middle;margin: 0 0.2rem;border-radius: 50%;font-size: 0.16rem;background-size: contain;background: url(../images/sbtn.png) no-repeat center center #262626;}
.header .h-bot .h-search {width: 80%;max-width: 4rem;margin: 0 auto;display: none;}
.header .h-bot .h-search .search-box {position: relative;padding-right: 0.3rem;width: 100%;border-bottom: 1px solid #bbb;}
.header .h-bot .h-search .search-box .text {width: 100%;height: 0.5rem;padding-top: 0.14rem;border: 0;background: none;color: rgba(255, 255, 255, 0.5);}





.footer{
	color: #666666;
	text-align: center;
	font-size: 0.16rem;
	line-height: 0.36rem;
	background-color: #f2f2f2;
}
.footer .ft{
	padding: 0.35rem 0 0.22rem;
}


/* 可删 */
.footer .test{
	width: 3rem;
	margin: 0 auto;
	margin-bottom: 0.32rem;
}
.footer .test a{
	float: left;
	width: 0.4rem;
	height: 0.26rem;
	margin-right: 0;
    padding-left: 0.19rem;
}
.footer .test a+a::before{
	content: '';
	width: 1px;
	height: 0.1rem;
	margin-left: -.9rem;
	vertical-align: super;
	display: inline-block;
	background-color: #7d7d7d;
}
.footer .test  a:nth-of-type(1){
	background: url(../images/icon_03.png) no-repeat center/0.13rem 0.26rem;
}
.footer .test  a:nth-of-type(2){
	background: url(../images/icon_04.png) no-repeat center/0.31rem 0.26rem;
}
.footer .test  a:nth-of-type(3){
	background: url(../images/icon_05.png) no-repeat center/0.24rem 0.24rem;
}
.footer .test  a:nth-of-type(4){
	background: url(../images/icon_06.png) no-repeat center/0.27rem 0.21rem;
}
.footer .test  a:nth-of-type(5){
	background: url(../images/icon_07.png) no-repeat center/0.3rem 0.24rem;
} 

/* 可删 */











.footer .fb{
	margin-bottom: 0.32rem;
}
.footer .fb .bshare-custom{
	width: 3.1rem;
	margin: 0 auto;
	text-align: center;
}
.footer .fb .bshare-custom a{
	float: left;
	width: 0.4rem;
	height: 0.26rem;
	margin-right: 0;
    padding-left: 0.19rem;
}
.footer .fb .bshare-custom a+a::before{
	content: '';
	width: 1px;
	height: 0.1rem;
	margin-left: -.9rem;
	vertical-align: -webkit-baseline-middle;
	display: inline-block;
	background-color: #7d7d7d;
}
.footer .fb .bshare-custom a:nth-of-type(1){
	background: url(../images/icon_03.png) no-repeat center/0.13rem 0.26rem;
}
.footer .fb .bshare-custom a:nth-of-type(2){
	background: url(../images/icon_04.png) no-repeat center/0.31rem 0.26rem;
}
.footer .fb .bshare-custom a:nth-of-type(3){
	background: url(../images/icon_05.png) no-repeat center/0.24rem 0.24rem;
}
.footer .fb .bshare-custom a:nth-of-type(4){
	background: url(../images/icon_06.png) no-repeat center/0.27rem 0.21rem;
}

/* .footer .fb .bshare-custom a:nth-of-type(5){
	background: url(../images/icon_07.png) no-repeat center/0.3rem 0.24rem;
} */

.footer .fb .bshare-custom>div::before{
	content: '';
	width: 1px;
	height: 0.1rem;
	margin-left: -.6rem;
	vertical-align: -webkit-baseline-middle;
	display: inline-block;
	background-color: #7d7d7d;
}
.footer .fb .bshare-custom>div{
	float: left;
	width: 0.6rem;
	height: 0.26rem;
	position: relative;
    background:  url(../images/icon_07.png) no-repeat center/0.3rem 0.24rem;
}

.footer .fb>div .wechat-qrcode{border: 1px solid #eee;position: absolute;z-index: 35;bottom: 130%;left: 50%;width: 2rem;margin-left: -1rem;display: none;color: #666;text-align: center;background-color: #fff;box-shadow: 0 0.02rem 0.1rem #aaa;transition: all 200ms;}
/* .footer .fb .bshare-custom>div:hover .wechat-qrcode{display: block;} */
.footer .fb div .wechat-qrcode .pic{margin: 0.2rem 0;}
.footer .wechat-qrcode h4{font-weight: normal;height: 0.26rem;line-height: 0.26rem;font-size:0.12rem;background-color: #f3f3f3;margin: 0;padding: 0;color: #777;}
.footer .wechat-qrcode:after {content: '';position: absolute;left: 46%;bottom: -0.13rem;width: 0;height: 0;border-width: 0.08rem 0.06rem 0.06rem 0.06rem;border-style: solid;border-color: #fff transparent transparent transparent;}
.footer .wechat-qrcode .qrcode{background-color: #FFFFFF;}
.footer .qrcode .pic{display: inline-block;}
.footer .qrcode .pic span, .footer .qrcode .pic b {display: block;}
.footer .qrcode .pic b{font-weight: normal;}




.footer .copy{
	color: #ffffff;
	background-color: #292929;
}











/* 轮播图 */
.banner{margin-bottom: 0.45rem;margin-top: 0.96rem;}
.banner .img_box{width: 6.4rem;height: 4rem;}
.banner .img_box img{width: 100%;height: 100%;}
.swiper-pagination-bullet-active{opacity: 1;background: transparent;}
.banner .swiper-pagination{color: #FFFFFF;font-size: .14rem;bottom: 0.35rem;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 0.12rem;height: 0.12rem;background-color: #FFFFFF;outline: none;margin: 0 .06rem;}


.iab h2{
	font-size: 0.48rem;
	margin-top: 0.8rem;
	text-align: center;
	line-height: 0.48rem;
	margin-bottom: 0.5rem;
	font-family: '思源黑体 CN';
}
.iab .text p{
	color: #555555;
	font-size: 0.2rem;
	text-align: center;
	line-height: 0.36rem;
	font-family: "arial narrow";
}
.iab .year{
	text-align: center;
}
.iab .year .year_box{
	width: 2.3rem;
	margin-top: 0.6rem;
	display: inline-block;
}
.iab .year .year_box h3{
	font-size: 0.5rem;
	margin-bottom: 0.1rem;
}
.iab .year .year_box p{
	color: #666666;
	font-size: 0.16rem;
}

.iab .tag_box{
    text-align:center;
    padding:0.55rem 0 0.76rem 0;
}
.iab .tag_box .list_box{
    margin:0 0.4rem;
    display:inline-block;
}
.iab .tag_box .list_box:nth-of-type(1){
	margin-left: 0;
}
.iab .tag_box .list_box:nth-last-child(1){
	margin-right: 0;
}
.iab .tag_box .list_box h4{
    color:#333333;
    height:0.7rem;
    font-size:0.5rem;
    line-height:0.7rem;
}
.iab .tag_box .list_box p{
    color:#666666;
    font-size:0.17rem;
}


.ipro{
	margin-bottom: 1rem;
}
.ipro .ipro_list .ipro_box{
	width: 50%;
	float: left;
	height: 3rem;
	padding: 0.3rem 0.3rem 0 0.3rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #eeeeee;
}
.ipro .ipro_list .ipro_box:nth-of-type(4n+2),
.ipro .ipro_list .ipro_box:nth-of-type(4n+3){
	background-color: #dadada;
}
.ipro .ipro_list .ipro_box .img_box{
	/* width: 4.5rem;
	height: 2.5rem; */
	width: 2.4rem;
	height: 1.97rem;
	overflow: hidden;
}
.ipro .ipro_list .ipro_box .img_box img{
	object-fit: cover;
	transition: all .5s;
}
.ipro .ipro_list .ipro_box p{
	font-size: 0.2rem;
	text-align: center;
	margin-top: 0.3rem;
	line-height: 0.2rem;
}



.inews{
	margin-bottom: 1rem;
}
.inews .main{
	position: relative;
	background-color: #f5f5f5;
}
.inews .main::after{
	content: '';
	display: table;
}
.inews .roof{
	padding: 0.35rem 0 0;
}
.inews .roof img{
	vertical-align: bottom;
}
.inews .roof h2{
	font-size: 0.32rem;
	margin-left: 0.2rem;
	display: inline-block;
	font-family: '思源宋体 CN';
}
.inews .roof h2::before{
	content: '';
	width: 0.47rem;
	height: 0.43rem;
	display: inline-block;
	vertical-align: text-bottom;
	background: url(../images/icon_01.png) no-repeat center/0.43rem 0.43rem;
}

.inews .toof{
	margin: 0.25rem 0.25rem 0.3rem;
}
.inews .inews_box{
	margin-bottom: 0.25rem;
	padding: 0.3rem 0.18rem;
	background-color: #FFFFFF;
	font-family: "arial narrow";
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.inews .toof .inews_box h3{
	color: #555555;
	overflow: hidden;
	font-size: 0.2rem;
	line-height: 0.26rem;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	margin-bottom: 0.17rem;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
}
.inews .toof .inews_box p{
	color: #999999;
	font-size: 0.18rem;
	line-height: 0.28rem;
	width: 5.14rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.inews .button_box{
	right: 0;
	top: 0.35rem;
	width: 1.15rem;
	height: 0.48rem;
	position: absolute;
	margin-right: 0.25rem;
}
.inews .button_box .swiper-button-next,
.inews .button_box .swiper-button-prev{
	top: 0;
	left: 0;
	opacity: 1;
	float: left;
	outline: none;
	margin-top: 0;
	width: 0.46rem;
	height: 0.46rem;
	border:1px solid #dcdcdc;
	background: url(../images/icon_02.png) no-repeat center/0.08rem 0.13rem;
}
.inews .button_box .swiper-button-next{
	right: 0;
	left: auto;
	transform: rotate(180deg);
}


.ins_img{
	height: 4rem;
	margin-top: 0.96rem;
}
.ins_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}



.case{
	background-color: #f6f6f6;
}
.case:after,
.case::before{
	content: '';
	display: table;
}
.case .case_list{
	margin-top: 0.47rem;
}
.case .case_list .case_box{
	float: left;
	display: block;
	width: 2.9rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 0.11rem;
}
/* .case .case_list .case_box:not(:nth-of-type(2n)){
	margin-right: 0.2rem;
} */

.case .case_list .case_box:nth-of-type(2n){
	/* margin-right: 0.2rem; */
	margin-left: 0.2rem;
}

.case .case_list .case_box .img_box{
	width: 2.9rem;
	height: 2rem;
	overflow: hidden;
}
.case .case_list .case_box p{
	font-size: 0.2rem;
	text-align: center;
	line-height: 0.46rem;
	font-family: "arial narrow";
}
.case .case_list .case_box .img_box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .5s;
}
.case .case_list .case_box:hover .img_box img{
	transform: scale(1.1,1.1);
}
.pages{
	text-align: center;
	margin: 0.54rem auto 1rem;
}
.pages a{
	color: #666666;
	font-size: 0.17rem;
	margin-right: 0.25rem;
	font-family: '微软雅黑';
}
.pages a.last{
	margin-right: 0;
}
.pages a.on,
.pages a:hover{
	color: #000000;
	background-color: transparent;
	border-bottom: 1px solid #000000;
}



/* news */
.news{
	background-color: #f6f6f6;
}
.news .main{
	margin-bottom: 0.65rem;
}
.news .main::before,
.news::after{
	content: '';
	display: table;
}
.news .news_list{
	margin-top: 0.46rem;
}
.news .news_list .news_box{
	float: left;
	transition: all .35s;
	width: 100%;
	font-family: "arial narrow";
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0.3rem 0.2rem;
	position: relative;
	margin-bottom: 0.25rem;
	background-color: #FFFFFF;
}
.news .news_list .news_box a{
	display: block;
	width: 100%;
	height: 100%;
}
.news .news_list .news_box .text_box h2{
	color: #555555;
	overflow: hidden;
	font-size: 0.2rem;
	line-height: 0.26rem;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	margin-bottom: 0.16rem;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
}
.news .news_list .news_box .text_box .time{
	color: #999999;
	font-size: 0.18rem;
	line-height: 0.3rem;
	margin-bottom: 0.2rem;
}
.news .news_list .news_box .text_box p{
	color: #999999;
	font-size: 0.16rem;
	line-height: 0.24rem;
	min-height: 0.48rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.news .news_list .news_box:nth-of-type(1){
	padding: 0;
}
.news .news_list .news_box:nth-of-type(1) .img_box{
	width: 6rem;
	height: 3.5rem;
	overflow: hidden;
}
.news .news_list .news_box:nth-of-type(1) .img_box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .35s;
}
.news .news_list .news_box:nth-of-type(1) .text_box{
	padding: 0.3rem 0.2rem;
}
/* newsv */

 /* 新闻内页 */
.newsv::before{
	content: '';
	display: table;
}
.newsv .clearfix{
	background-color: #FFFFFF;
}
.newsv .main{
	margin-top: 0.2rem;
}
.newsv .newsv_box .htit{
    padding: 0.25rem 0;
	text-align: center;
	border-bottom: 1px solid #dedede;
	margin-bottom: 0.5rem;
}
.newsv .newsv_box .htit.case{
	text-align: left;
}
.newsv .newsv_box .htit h2{
	font-size: 0.24rem;
	line-height: 0.3rem;
	color: #333333;
	margin-bottom: 0.14rem;
	text-indent: .03rem;
	letter-spacing: 0.03rem;
}
.newsv .newsv_box .text_box p{
	font-size: 0.22rem;
	line-height: 0.4rem;
	color: #666666;
}
.newsv .newsv_box .text_box p video{
	max-width: 6.1rem;
}
.newsv .newsv_box .text_box{
    font-size: 0.16rem;
    color: #333;
    line-height: 0.28rem;
    padding-bottom: 0.3rem;
}
.pages_box{
	border-top: 1px solid #dedede;
	padding-top: 0.2rem;
	margin-bottom: 0.45rem;
}
.pages_box{
	text-align: center;
    line-height: 0.5rem;
}
.pages_box a{
	color: #999999;
	font-size: 0.22rem;
	margin-right: 0.3rem;
}
.pages_box a+a::before{
	content: '|';
	display: inline-block;
	color: #d8d8d8;
	margin-right: 0.3rem;
}

.pro{
	background-color: #f6f6f6;
}
.pro::before,
.pro::after{
	content: '';
	display: table;
}
.pro .prot{
	margin: 0.5rem 0;
}
.pro .prot a{
	float: left;
	width: 2.9rem;
	color: #555555;
	display: block;
	height: 0.55rem;
	font-size: 0.2rem;
	text-indent: 0.35rem;
	line-height: 0.55rem;
	margin-bottom: 0.2rem;
	background-color: #FFFFFF;
	font-family: "arial narrow";
}
.pro .prot a.on{
	color: #000000;
}
.pro .prot a.on::after{
	content: '';
	width: 0.07rem;
	height: 0.13rem;
	margin-left: 0.25rem;
	display: inline-block;
	background: url(../images/icon_09.png) no-repeat center/0.07rem 0.13rem;
}
.pro .prot a:not(:nth-of-type(2n)){
	margin-right: 0.2rem;
}

.pro .pro_list .pro_box{
	float: left;
	width: 2.9rem;
	height: 3.5rem;
	margin-bottom: 0.25rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0rem 0.2rem;
	background-color: #FFFFFF;
}
.pro .pro_list .pro_box:not(:nth-of-type(2n)){
	margin-right: 0.2rem;
}
.pro .pro_list .pro_box .img_box{
	width: 2.7rem;
	height: 2.35rem;
	padding: 0.2rem;
	overflow: hidden;
	margin-bottom: 1rem;
	border-bottom: 1px dashed #dcdcdc;
}
.pro .pro_list .pro_box .img_box img{
	width: auto;
	height: auto;
	object-fit: contain;
	transition: all .35s;
}
.pro .pro_list .pro_box:hover .img_box img{
	transform: scale(1.1,1.1);
}
.pro .pro_list .pro_box p{
	font-size: 0.18rem;
	line-height: 0.75rem;
}
.pro .pro_list .pro_box p::after{
	background-color: #000000;
	color: #FFFFFF;
	float: right;
	content: 'MORE+';
	margin-top: 0.25rem;
	width: 0.6rem;
	height: 0.25rem;
	line-height: 0.25rem;
	text-align: center;
	font-size: 0.12rem;
}



.prov{
	background-color: #f6f6f6;
}
.prov::before{
	content: '';
	display: table;
}
.prov .prov_swiper{
	margin-top: 0.4rem;
}
.prov .prov_swiper .img_box{
	width: 6rem;
	height: 6rem;
	background-color: #FFFFFF;
}
.prov .prov_swiper .swiper-button-prev,
.prov .prov_swiper .swiper-button-next{
	outline: none;
	width: 0.67rem;
	height: 0.67rem;
	background: #c4c4c4 url(../images/icon_10.png) no-repeat center/0.11rem 0.19rem;
}
.prov .prov_swiper .swiper-button-next{
	transform: rotate(180deg);
}


.prov .ref{
	width: 100%;
	height: 5.45rem;
	position: relative;
	margin-top: 0.4rem;
	background-color: #FFFFFF;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0.35rem 0.45rem 0.3rem 0.35rem;
}
.prov .ref h3{
	color: #222222;
	font-size: 0.25rem;
	margin-bottom: 0.45rem;
	padding-bottom: 0.23rem;
	font-family: "arial narrow";
	border-bottom: 1px solid #e5e5e5;
}
.prov .ref h3 .sec{
	color: #555555;
	font-size: 0.18rem;
	margin-left: 0.25rem;
	display: inline-block;
}
.prov .ref .swiper-container {
      width: 100%;
      height: 100%;
}
.prov .ref .swiper-slide {
	font-size: 0.18rem;
	height: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.prov .ref .swiper-container{
	width: 100%;
	height: 2.6rem;
}
.prov .ref .text_box{
	width: 98%;
}
.prov .ref .text_box h4{
	color: #444444;
	font-size: 0.18rem;
	margin-top: 0.4rem;
	margin-bottom: 0.12rem;
}

.prov .ref .text_box h4:nth-of-type(1){
	margin-top: 0;
}
.prov .ref .text_box p{
	color: #555555;
	font-size: 0.18rem;
	line-height: 0.28rem;
	font-family: "arial narrow";
}
.prov .ref .pages{
	margin: 0;
	bottom: 0.4rem;
	text-align: unset;
	position: absolute;
}
.prov .ref .pages a{
	width: 1.3rem;
	height: 0.4rem;
	font-size: 0.15rem;
	text-align: center;
	color: #666666;
	transition: all .35s;
	border-radius: 0.2rem;
	line-height: 0.4rem;
	display: inline-block;
	border: 1px solid #ececec;
}
.prov .ref .pages a:hover{
	border: 1px solid #444;
	color: #444;
}



.prov .det{
	margin-top: 0.6rem;
	background-color: #f6f6f6;
}
.prov .det .main{
	margin-bottom: 1.1rem;
}
.prov .det::after,
.prov .det::before{
	content: '';
	display: table;
}
.prov .det .text{
	background-color: #FFFFFF;
	padding: 0.35rem 0.45rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.prov .det .text h2{
	font-size: 0.22rem;
	font-weight: bold;
	margin-top: 0.5rem;
	margin-bottom: 0.32rem;
}
.prov .det .text h2::after{
	content: '';
	display: inline-block;
	width: 0;
	vertical-align: middle;
	height: 0;
	margin-left: 0.15rem;
	border-style: solid;
	transition: all .35s;
	border-width: 0.07rem 0.07rem 0 0.07rem;
	border-color: #535353 transparent transparent transparent;
}



.ab{
	background-color: #f6f6f6;
}
.ab::before,
.ab::after{
	content: '';
	display: table;
}
.ab h2{
	font-size: 0.48rem;
	margin-top: 0.8rem;
	text-align: center;
	line-height: 0.48rem;
	margin-bottom: 0.5rem;
	font-family: '思源黑体 CN';
}
.ab .text p{
	color: #555555;
	font-size: 0.2rem;
	text-align: center;
	line-height: 0.36rem;
	letter-spacing: -0.012rem;
	font-family: "arial narrow";
}
.ab .year{
	text-align: center;
}
.ab .year .year_box{
	width: 2.3rem;
	margin-top: 0.6rem;
	display: inline-block;
}
.ab .year .year_box h3{
	font-size: 0.5rem;
	margin-bottom: 0.1rem;
}
.ab .year .year_box p{
	color: #666666;
	font-size: 0.16rem;
}

.ab .tag_box{
    text-align:center;
    padding:0.55rem 0 0.76rem 0;
}
.ab .tag_box .list_box{
    margin:0 0.4rem;
    display:inline-block;
}
.ab .tag_box .list_box:nth-of-type(1){
	margin-left: 0;
}
.ab .tag_box .list_box:nth-last-child(1){
	margin-right: 0;
}
.ab .tag_box .list_box h4{
    color:#333333;
    height:0.7rem;
    font-size:0.5rem;
    line-height:0.7rem;
}
.ab .tag_box .list_box p{
    color:#666666;
    font-size:0.17rem;
}



.env{
	background-color: #f6f6f6;
}
.env::after{
	content: '';
	display: table;
}
.env .main{
	margin-bottom: 0.7rem;
}
.env .img_box{
	width: 6rem;
	height: 3.5rem;
	overflow: hidden;
}
.env .img_box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .35s;
}
.env .img_box:hover img{
	transform: scale(1.1,1.1);
}
.env .text_box{
	overflow: hidden;
	padding: 0.5rem 0.27rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #FFFFFF;
}
.env .text_box h3{
	color: #333333;
	font-size: 0.2rem;
	margin-bottom: 0.2rem;
	text-transform: uppercase;
}
.env .text_box p{
	color: #666666;
	font-size: 0.15rem;
	line-height: 0.28rem;
}
.env:nth-of-type(even) .img_box{
	float: right;
}



.contact_box{
	background-color: #f6f6f6;
}
.contact_box::after,
.contact_box::before{
	content: '';
	display: table-cell;
}
.contact_box .main{
	padding: 0.22rem 0.22rem;
	margin: 0.56rem auto 0rem;
	background-color: #FFFFFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.contact_box .contact{
	width: 5.1rem;
	display: inline-block;
	font-family: "arial narrow";
}
.contact_box .contact .text_box h2{
	color: #444444;
	font-size: 0.23rem;
	margin-bottom: 0.23rem;
	line-height: 0.74rem;
	border-bottom: 1px solid #d2d2d2;
}
.contact_box .contact .text_box p{
	color: #666666;
	font-size: 0.2rem;
	line-height: 0.45rem;
}
.contact_box .contact .text_box p::before{
	content: '';
	width: 0.3rem;
	height: 0.3rem;
	margin-right: 0.15rem;
	display: inline-block;
	vertical-align: middle;
}
.contact_box .contact .text_box p:nth-of-type(1)::before{
	background: url('../images/icon07.png') no-repeat center/0.2rem 0.26rem;
}
.contact_box .contact .text_box p:nth-of-type(2)::before{
	background: url('../images/icon08.png') no-repeat center/0.24rem 0.24rem;
}
.contact_box .contact .text_box p:nth-of-type(3)::before{
	background: url('../images/icon09.png') no-repeat center/0.21rem 0.21rem;
}
.contact_box .contact .text_box p:nth-of-type(4)::before{
	background: url('../images/icon10.png') no-repeat center/0.24rem 0.18rem;
}
.contact_box .contact .text_box p:nth-of-type(5)::before{
	background: url('../images/icon11.png') no-repeat center/0.23rem 0.24rem;
}
.contact_box .map{
	margin-top: 0.35rem;
	display: inline-block;
}
.contact_box .map .map_box{
	width: 5.6rem;
	height: 3.85rem;
}




.message{
	padding: 0.7rem 0.2rem .85rem;
	box-sizing: border-box;
	background-color: #f6f6f6;
}
.message .main{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0.45rem 0.2rem;
	background-color: #FFFFFF;
}
.message .clearfix{
	position: relative;
}
.message .left{
	float: left;
	width: 3.26rem;
	margin-right: 0.7rem;
	display: inline-block;
	box-sizing: border-box;
}
.message .roof .left h3{
	color: #333333;
	font-size: 0.23rem;
	line-height: 0.4rem;
	margin-bottom: 0.1rem;
}
.message .roof .left p{
	font-size: 0.16rem;
	line-height: 0.3rem;
	color: #666666;
}
.message .roof .left p.hot{
	font-size: 0.24rem;
	line-height: 0.36rem;
}
.message .roof .right{
	vertical-align: bottom;
	float: right;
	bottom: 0.7rem;
}
.message .roof .right p{
	font-size: 0.14rem;
	text-align: center;
}
.message .roof .right{
	float: right;
	width: 1.5rem;
}

.message .mr{
	width: 100%;
	box-sizing: border-box;
	float: left;
	display: inline-block;
}
.message .mr form{
	width: 100%;
	margin-top: 0.78rem;
}
.message .mr input{
	width: 100%;
	height: 0.6rem;
	font-size: 0.15rem;
	padding-left: 0.15rem;
	margin-bottom: 0.25rem;
	box-sizing: border-box;
	background-color: #eeeeee;
}
.message .mr input::placeholder{
	color: #666666;
	font-size: 0.14rem;
}
/* .message .mr input[name='phone']{
	margin-left: 0.2rem;
} */
.message .mr input[name='verify']{
	width: 3.5rem;
	margin-bottom: 0;
}
.message .mr .img_box{
	width: 1.8rem;
	height: 0.6rem;
	display: inline-block;
	margin-left: 0.25rem;
	vertical-align: top;
}
.message .mr .img_box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.message .mr textarea{	
	font-size: 0.15rem;
	font-family: '微软雅黑';
	width: 100%;
    resize: none;
	line-height: 0.4rem;
	padding-left: 0.15rem;
	margin-bottom: 0.25rem;
	box-sizing: border-box;
	background-color: #eeeeee;
}
.message .mr textarea::placeholder{
	font-size: 0.15rem;
	font-family: '微软雅黑';
}
.message .mr button{	
	background-color:#434343;
	border: 0;
	float: right;
	outline: none;
	font-size: 0.16rem;
	margin-top: 0.25rem;
	color: #FFFFFF;
	width: 100%;
	height: 0.6rem;
	transition: all .35s;
}
.message .mr button:hover{
	background-color: #000000;
}